/*JS组件样式*/



/***********************************************************************************************************************************************************
============================================================页面常用js效果==========================================================================
**********************************************************************************************************************************************************/

/*********========特效-导航效果=======*********/

.bt-nav-01 { /***编号：***/
    width:1000px;
    height:35px;
    margin:0 auto;
    position:relative;
}
.bt-nav-01 ul {
    margin:0;
    padding:0;
}
.bt-nav-01 li {
    width:125px;
    height:35px;
    line-height:35px; float:left;
    color:#FFF;
    text-align:center;
    position:relative;
}
.bt-nav-01 li a {
    display:block;
    float:left;
    width:100%;
    line-height:35px;
    color:#fff;
    font-size:15px;
}
.bt-nav-01 li a:hover {
    background:#424242
}
.bt-nav-01 li .bt-subdiv {
    display:none;
}
.bt-nav-01 li:hover .bt-subdiv {
    display:block;
    position:absolute;
    left:0;
    top:35px;
    z-index:999;
    background:#a9a9a9;
}
.bt-nav-01 li:hover .bt-subdiv li {
    border-bottom:#b7b7b7 solid 1px;
    overflow:hidden
}
.bt-nav-01 li:hover .bt-subdiv li a {
    display: block;
    color:#FFF;
    text-align:left;
    padding-left:20px;
}
.bt-nav-01 li:hover .bt-subdiv li a:hover {background:#424242;}



.bt-jq-TX-070508 { /***编号：***/
    width:1000px;
    height:50px;
    margin:0 auto;
    position:relative;
    background:#333
}
.bt-jq-TX-070508-list {
    width:1000px;
    height:50px;
    margin:0 auto;

}
.bt-jq-TX-070508-list ul {
    margin:0;
    padding:0
}
.bt-jq-TX-070508-list li {
    width:130px;
    height:50px;
    float:left;
    text-align:center
}
.bt-jq-TX-070508-list li a {
    line-height:50px;
    display:block;
    color:#fff;
    font-size:14px;
}
.bt-jq-TX-070508-list li a:hover {
    color:#e60012;
    background:#FFF;
    cursor:pointer
}
.bt-jq-TX-070508-sub {
    width:810px;
    *width: 787px;
    min-height:300px;
    position:absolute;
    top:50px;
    left:150px;
    clear:both;
    display:none;
    z-index:999

}
.bt-jq-TX-070508-sub .bt-jq-TX-070508-sub-menu {
    width:100%;
    min-height:300px;
    margin:0;
    top:0;
    background:url(../images_JS/bt-jq-TX-070508-bg.jpg) no-repeat left bottom #fff;
    position:absolute;
    display:none;
    height:auto;
    padding:0 0 10px 20px;
    border:#efefef solid 1px;
    border-top:none;

}
.bt-jq-TX-070508-sub .bt-jq-TX-070508-sub-menu .navigation-down-inner {
    padding:35px 0 0 0;
    position:relative;
}
.bt-jq-TX-070508-sub-menu ul {
    /*子栏目==下拉列表样式*/
    width:100px;
    height:auto;
    float:left;
    display:block;
    overflow:hidden;
    margin:20px 0 0 28px;
    padding:0;
}
.bt-jq-TX-070508-sub-menu ul li {
    width:100px;
    line-height:45px;
    border-top:#bcbcbc 1px dashed;
    float:left;
}
.bt-jq-TX-070508-sub-menu ul li a {
    line-height:45px;
    padding-left:10px;
    display:block
}
.bt-jq-TX-070508-sub-menu ul li .three {
    color:#666;
    line-height:30px;
}
.bt-jq-TX-070508-sub-menu ul li .three:hover {
    color:#666666;
    line-height:30px;
    color:#e60012
}
.bt-jq-TX-070508-pic {
    float:left;
    width:265px;
    margin-top:30px;
}
.bt-jq-TX-070508-pic img {
    max-width:285px;
}

.bt-jq-TX-1603 { /***编号： 返回顶部***/
    position: fixed;
    bottom: 40px;
    right: 20px;
    width: 46px;
    z-index: 999;
}
.bt-jq-TX-1603 a {
    transition:none;
    display: block;
    width: 46px;
    height: 46px;
    margin-bottom: 10px;
    background:url(top11.png) no-repeat;
}
.bt-jq-TX-1603 a:last-child {
    margin-bottom: 0;
}
.bt-jq-TX-1603 .bt-jq-TX-1603-link {
    background-position: 0 -150px;
}
.bt-jq-TX-1603 .bt-jq-TX-1603-link:hover {
    transition:none;
    background-position: 0 -250px;
}
.bt-jq-TX-1603 .feedback {
    background-position: 0 -100px;
}
.bt-jq-TX-1603 .feedback:hover {
    transition:none;
    background-position: 0 -300px;
}
.bt-jq-TX-1603 .uc-2vm {transition:none;
    background-position: 0 0;
}
.bt-jq-TX-1603 .uc-2vm:hover {
    transition:none;
    background-position: 0 -350px;
}
.bt-jq-TX-1603 .go{transition:none;
    background-position: 0 -150px;}
.bt-jq-TX-1603 .go:hover{transition:none;
    background-position: 0 -250px;}
/*
.bt-go-top .share{background-position: 0 -50px;}
.bt-go-top .share:hover{background-position: 0 -200px;}
*/
.bt-jq-TX-1603 .uc-2vm-pop{
    position: absolute;right: 60px;top: -100px;
    width: 240px;box-shadow: 0 1px 4px rgba(0,0,0,.1);
    background: #fff;
}
.bt-jq-TX-1603 .uc-2vm-pop .title-2wm{font-size: 14px; margin: 10px 20px;}
.bt-jq-TX-1603 .uc-2vm-pop .logo-2wm-box{position: relative;}



/*********========特效-图片新闻效果=======*********/

.bt-jq-TX-010108{ /***编号：***/
    width:100%;
    height:auto;
    position:relative;
}
.bt-jq-TX-010108 ul{
    margin:0;
    padding:0
}
.bt-jq-TX-010108-pic{
    /*控制图片大小*/
    width:460px;
    height:285px;
    border:#CCC solid 1px;
    position:relative;
    overflow:hidden
}
.bt-jq-TX-010108-pic ul{
    margin:0;
    padding:0
}
.bt-jq-TX-010108-pic li{
    /*控制图片大小*/
    width:460px;
    height:285px;
    float:left;
    overflow:hidden
}
.bt-jq-TX-010108-pic li a{
    width:100%;
    display:block
}
.bt-jq-TX-010108-pic li a img{
    width:100%;
}
.bt-jq-TX-010108-pic li span{
    width:100%;
    height:40px;
    line-height:40px;
    background:url(../images_JS/alpha_bj.png);
    padding-left:20px;
    color:#FFF;
    display:block;
    position:absolute;
    left:0;
    bottom:0;
}
/*修改注意：在bt-jq-TX-010108.js 中最后一行修改图片尺寸*/

.rslides-nav{
    height:51px;
    width:31px;
    position:absolute;
    top:40%;
    left:0;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    opacity:0.5;
    text-indent:-9999px;
    overflow:hidden;
    background:url(bt-jq-TX-010108.png) no-repeat 0 0;
    margin-top:-28px
}
.rslides-nav:active{
    opacity:1.0
}
.rslides-nav.next{
    left:auto;
    right:0;
    background-position:-31px 0;
}
.rslides-tabs {
    clear:both;
    position:absolute; right:15px; bottom:10px;
}
.rslides-tabs li {
    display:inline;
    float:none;
    _float:left;
    *float:left;
    margin-right:5px
}
.rslides-tabs a {
    text-indent:-9999px;
    overflow:hidden;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    background:rgba(0,0,0, .2);
    background:#DDD;
    display:inline-block;
    _display:block;
    *display:block;
    width:9px;
    height:9px
}
.rslides-tabs .rslides-here a {
    background:rgba(0,0,0, .6);
    background:#390
}



/*********========特效-图片横向滚动=======*********/

#bt-rolling { /***编号：***/
    overflow:hidden;
    width: 960px;
}
.bt-rolling {
    float:left;
    padding:0 5px;
    width:192px;
    height:155px;
}
.bt-rolling-img{
    width:192px;
    height:125px;
    margin:0 5px;
}
.bt-rolling-img a{
    width:192px;
    height:95px;
    display:block
}
.bt-rolling-img img{
    max-width:none;
    width:192px;
    height:95px;
}
.bt-rolling-img .sp-time{
    display:block;
    height:30px;
    line-height:30px;
    padding-left:10px
}
#indemo {
    float: left;
    width: 800%;
}
#rolling1 {float: left;}
#rolling2 {float: left; }

.bt-jq-TX010304 {/***编号： 图片左右切换滚动***/
    width:800px;
    height:auto;
    position:relative;
    margin-left:30px;
}
.bt-jq-TX010304 ul {
    margin:0;
    padding:0;
}
.bt-jq-TX010304 li {
    float:left;
    width:190px;
    height:120px;
    margin:0 5px;
    position:relative;
    overflow:hidden;
    color:#FFF
}
.bt-jq-TX010304 li:hover {
    color:#0060a6;
}
.bt-jq-TX010304 li a {
    display:block;
    height:120px;
}
.bt-jq-TX010304 li a img {
    margin:0;
    padding:0;

}
.bt-jq-TX010304 li .bt-font {
    position:absolute;
    left:0;
    bottom:0;
    background:url(../images_JS/alpha_bj.png);
    width:100%;
    height:35px;
    line-height:35px;
    padding-left:20px;
    text-align:left;
    font-size:14px;
}

.bt-jq-TX010304-prev,.bt-jq-TX010304-next {
    width:16px;
    height:25px;
    position:absolute;
    top:50px;
    z-index:99;
    cursor:pointer;
}
.bt-jq-TX010304-prev {
    background:url(../images_JS/bt_img_act_left.png) no-repeat;
    left:10px;
}
.bt-jq-TX010304-next {
    background:url(../images_JS/bt_img_act_right.png) no-repeat;
    position:absolute;
    right:10px
}

/*********========特效-栏目选项卡切换=======*********/
.bt-tab-01,.bt-tab-02 { /**编号：**/
    font-size:15px;
    margin-top:5px;
}
.bt-tab-01 {
    width:100%;
    height:30px;

    float:left;
    border-bottom:#CCC solid 1px;
}
.bt-tab-01 ul {
    margin:0;
    padding:0;
}
.bt-tab-01 li {
    line-height:29px;
    float:left;
    padding:0 15px;
    cursor:pointer;

}
.bt-tab-01 li.hover {
    color:#0077cf;
    border-bottom:#F00 solid 2px;
}

.bt-tab-02 {
    width:100%;
    height:30px;
    float:left;
    border-bottom:#CCC solid 1px;
}
.bt-tab-02 ul {
    margin:0;
    padding:0;
}
.bt-tab-02 li {
    line-height:29px;
    *line-height:30px;
    float:left;
    padding:0 15px;
    cursor:pointer;
    margin-left:10px;
}
.bt-tab-02 .hover {
    color:#0077cf;
    border:#CCC solid 1px;
    border-bottom:none ;
    *line-height:30px;
    background:#FFF
}

.bt-tab-con {
    width:100%;
    height:auto;
    position:relative;
    float:left;

}
.bt-tab-con .box-mone {
    line-height:30px;
    text-align:right;
    position:absolute;
    top:-33px;
    right:15px;
}
.bt-tab-con .box-mone a {
    line-height:30px;
    font-size:13px;
    color:#999
}
.bt-tab-con .box-mone a:hover {color:#F00}
#bt-tab-con{ display:block}







/**********单选框和复选框=美化===（radio/checkbox）js图片替换原理********/
label.checkbox ,
.hRadio{
    cursor:pointer;
    line-height:20px;
    height:20px;
    display:inline-block;
    vertical-align:middle;
}

label.checkbox {
    padding-left: 24px;
    background:url(../images_JS/bt_from_check.png) no-repeat left -22px; /*图片美化路径，请替换*/
}
label.checked {background-position:left 100%;  }
label.disabled{background-position:left 0;}

.hRadio {
    padding-left: 22px;
    background: transparent url(../images_JS/bt_from_radio.png) no-repeat left top; /*图片美化路径，请替换*/
}
.hRadio_Checked { background-position: left bottom;}



/**********下拉滚动条=美化===（scrollbar）js图片替换原理********/
.scrollbar{
    width:460px;
    height:400px;
    position:relative;
    overflow:hidden;
}
.content{
    width:460px;
    height:auto;
    position:absolute;
    top:0;
    left:0;
    color:gray;
}

.scroll{
    width:3px;
    height:100%;
    position:absolute;
    top:0;
    right:0;
    background:url(../images_JS/bt_scroll_gdtbg.jpg) repeat-y center top; /*图片美化路径，请替换*/
}

.bar{
    width:100%;
    height:30px;
    position:relative;
    background:url(../images_JS/bt_scroll_cs_02.jpg) no-repeat; /*图片美化路径，请替换*/
    display:none;
}